<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <meta name="description" content="">
    <meta name="keywords" content="">
    <title>Gold Manager System</title>
    <link rel="stylesheet" href="./css/bootstrap.min.css">
    <link rel="stylesheet" href="./css/common.css">
    <link rel="stylesheet" href="./css/admin.css">
    <script src="./js/jquery.min.js"></script>
    <script src="./js/bootstrap.min.js"></script>
    <script src="./js/iconfont.js"></script>

</head>

<body>

    <div class="skin-green sidebar-mini fixed">
        <div class="be-wrapper be-fixed-sidebar">
            <!-- navbar开始 -->
            <header id="header" class="main-header">
                <!-- Logo -->
                <a href="./" class="logo">
                    <!-- 迷你模式下Logo的大小为50X50 -->
                    <span class="logo-mini">Guard</span>
                    <!-- 普通模式下Logo -->
                    <span class="logo-lg">
                        <b>Guard</b>Admin</span>
                </a>
                <!-- 顶部通栏样式 -->
                <nav class="navbar navbar-static-top">
                    <!-- 边栏切换按钮-->
                    <a href="#" class="sidebar-toggle" data-toggle="offcanvas" role="button">
                        <span class="sr-only">Toggle navigation</span>
                    </a>

                    <div id="nav" class="pull-left">
                        <!--如果不想在顶部显示角标,则给ul加上disable-top-badge类即可-->
                        <ul class="nav nav-tabs nav-addtabs disable-top-badge" role="tablist">
                        </ul>
                    </div>

                    <div class="navbar-custom-menu">
                        <ul class="nav navbar-nav">

                            <li>
                                <a href="index/index/index" target="_blank">
                                    <i class="fa fa-home" style="font-size:14px;"></i>
                                </a>
                            </li>

                            <li class="dropdown notifications-menu">
                                <a href="#" class="dropdown-toggle" data-toggle="dropdown">
                                    <i class="fa fa-bell-o"></i>
                                    <span class="label label-warning"></span>
                                </a>
                                <ul class="dropdown-menu">
                                    <li class="header">Latest news</li>
                                    <li>
                                        <!-- FastAdmin最新更新信息,你可以替换成你自己站点的信息,assets/js/backend/index.js文件 -->
                                        <ul class="menu">

                                        </ul>
                                    </li>
                                    <li class="footer">
                                        <a href="#" target="_blank">View all</a>
                                    </li>
                                </ul>
                            </li>

                            <li class="dropdown messages-menu github-commits">
                                <a href="#" class="dropdown-toggle" data-toggle="dropdown">
                                    <i class="fa fa-github"></i>
                                    <span class="label label-info"></span>
                                </a>
                                <ul class="dropdown-menu">
                                    <li class="header">Recent commits</li>
                                    <li>
                                        <ul class="menu">

                                        </ul>
                                    </li>
                                    <li class="footer">
                                        <a href="#" target="_blank">View all</a>
                                    </li>
                                </ul>
                            </li>

                            <li>
                                <a href="javascript:;" data-toggle="wipecache" title="清空缓存">
                                    <i class="fa fa-trash"></i>
                                </a>
                            </li>

                            <li class="hidden-xs">
                                <a href="javascript:;" class="dropdown-toggle" data-toggle="dropdown">
                                    <i class="fa fa-language"></i>
                                </a>
                                <ul class="dropdown-menu">
                                    <li class="active">
                                        <a href="?ref=addtabs&lang=zh-cn">简体中文</a>
                                    </li>
                                    <li class="">
                                        <a href="?ref=addtabs&lang=en">English</a>
                                    </li>
                                </ul>
                            </li>

                            <!-- 账号信息下拉框 -->
                            <li class="dropdown user user-menu">
                                <a href="#" class="dropdown-toggle" data-toggle="dropdown">
                                    <img src="./image/avatar.png" class="user-image" alt="Admin">
                                    <span class="hidden-xs">Admin</span>
                                </a>
                                <ul class="dropdown-menu">
                                    <!-- User image -->
                                    <li class="user-header">
                                        <img src="./image/avatar.png" class="img-circle" alt="">

                                        <p>
                                            Admin
                                            <small>2017-07-18 18:16:04</small>
                                        </p>
                                    </li>
                                    <!-- Menu Body -->
                                    <li class="user-body">
                                        <div class="row">
                                            <div class="col-xs-4 text-center">
                                                <a href="http://www.fastadmin.net" target="_blank">官网</a>
                                            </div>
                                            <div class="col-xs-4 text-center">
                                                <a href="http://forum.fastadmin.net" target="_blank">论坛</a>
                                            </div>
                                            <div class="col-xs-4 text-center">
                                                <a href="http://doc.fastadmin.net" target="_blank">文档</a>
                                            </div>
                                        </div>
                                    </li>
                                    <!-- Menu Footer-->
                                    <li class="user-footer">
                                        <div class="pull-left">
                                            <a href="profile.html" class="btn btn-default btn-flat addtabsit">个人资料</a>
                                        </div>
                                        <div class="pull-right">
                                            <a href="login.html" class="btn btn-default btn-flat">注销</a>
                                        </div>
                                    </li>
                                </ul>
                            </li>
                        </ul>
                    </div>
                </nav>
            </header>
            <!-- navbar结束 -->

            <!-- 左边导航菜单开始 -->
            <div class="sidebar sidebar-fixed-left bg-faded">
                <div class="pre-scrollable">
                    <div class="left-sidebar-content">
                        <!-- 搜索 -->
                        <form action="" method="get" class="sidebar-form" onsubmit="return false;">
                            <div class="input-group">
                                <input type="text" name="search" class="form-control" placeholder="搜索菜单">
                                <span class="input-group-btn">
                                    <button type="submit" name="search" id="search-btn" class="btn btn-flat">
                                        <i class="fa fa-search"></i>
                                    </button>
                                </span>
                                <div class="menuresult list-group sidebar-form hide">
                                </div>
                            </div>
                        </form>
                        <ul class="sidebar-list">
                            <li class="header">站内导航</li>
                            <li class="parent sub-menu active">
                                <a class="sub-menu-title " href="dashboard.html" target="iframe" url="dashboard.html">
                                    <svg class="icon svg-menu" aria-hidden="true">
                                        <use xlink:href="#icon-zuocedaohangkongzhitai"></use>
                                    </svg>
                                    <span>控制台</span>
                                </a>
                            </li>
                            <li class="parent">
                                <a class="sub-menu-title" href="">
                                    <svg class="icon svg-menu" aria-hidden="true">
                                        <use xlink:href="#icon-changguishezhi"></use>
                                    </svg>
                                    <span>常规管理</span>
                                    <span class="pull-right-container">
                                        <i class="fa fa-angle-left"></i>
                                    </span>
                                </a>
                                <ul class="sub-menu">
                                    <li>
                                        <a href="config.html" target="iframe">
                                            <svg class="icon svg-menu" aria-hidden="true">
                                                <use xlink:href="#icon-system_select"></use>
                                            </svg>
                                            系统配置
                                        </a>
                                    </li>
                                    <li>
                                        <a href="attachment.html" target="iframe">
                                            <svg class="icon svg-menu" aria-hidden="true">
                                                <use xlink:href="#icon-fujian"></use>
                                            </svg>
                                            附件配置
                                        </a>
                                    </li>
                                    <li>
                                        <a href="crontab.html" target="iframe">
                                            <svg class="icon svg-menu" aria-hidden="true">
                                                <use xlink:href="#icon-dingshirenwu"></use>
                                            </svg>
                                            定时任务
                                        </a>
                                    </li>
                                    <li>
                                        <a href="database.html" target="iframe">
                                            <svg class="icon svg-menu" aria-hidden="true">
                                                <use xlink:href="#icon-dmsshujukuguanli"></use>
                                            </svg>
                                            数据库处理
                                        </a>
                                    </li>
                                    <li>
                                        <a href="profile.html" target="iframe">
                                            <svg class="icon svg-menu" aria-hidden="true">
                                                <use xlink:href="#icon-gerenpeizhi"></use>
                                            </svg>
                                            个人配置
                                        </a>
                                    </li>
                                </ul>
                            </li>
                            <li class="parent">
                                <a class="sub-menu-title" href="">
                                    <span>权限管理</span>
                                    <svg class="icon right" style="width: 0.5em;" aria-hidden="true">
                                        <use xlink:href="#icon-up"></use>
                                    </svg>
                                </a>
                                <ul class="sub-menu">
                                    <li>
                                        <a href="test1.html" target="iframe">管理员管理</a>
                                    </li>
                                    <li>
                                        <a href="#">角色管理</a>
                                    </li>
                                    <li>
                                        <a href="#">功能管理</a>
                                    </li>
                                </ul>
                            </li>
                            <li class="parent">
                                <a class="sub-menu-title" href="">
                                    <span>会员管理</span>
                                    <svg class="icon right" style="width: 0.5em;" aria-hidden="true">
                                        <use xlink:href="#icon-up"></use>
                                    </svg>
                                </a>
                                <ul class="sub-menu">
                                    <li>
                                        <a href="#">会员管理</a>
                                    </li>
                                    <li>
                                        <a href="#">会员分组</a>
                                    </li>
                                </ul>
                            </li>
                            <li class="header">站外导航</li>
                        </ul>
                    </div>
                </div>
            </div>
            <!-- 左边导航菜单结束 -->

            <!-- 主体内容开始 -->
            <div class="main-container">
                <!-- 导航选项开始 -->
                <div class="page-header-title">
                    <section class="content-header hide">
                        <h1>
                            控制台
                            <small>Control panel</small>
                        </h1>
                    </section>
                    <!-- RIBBON -->
                    <div id="ribbon">
                        <ol class="breadcrumb pull-left">
                            <li>
                                <a href="dashboard" class="addtabsit">
                                    <i class="fa fa-dashboard"></i> 控制台</a>
                            </li>
                        </ol>
                        <ol class="breadcrumb pull-right">
                            <li>
                                <a href="javascript:;" data-url="general">常规管理</a>
                            </li>
                            <li>
                                <a href="javascript:;" data-url="general/database">数据库管理</a>
                            </li>
                        </ol>
                    </div>
                </div>
                <!-- 导航选项结束 -->
                <!-- 页面主内容开始 -->
                <div class="tab-pane">
                        <iframe src="dashboard.html" name="iframe" class="iframe" width="100%" height="100%" frameborder="no" border="0" marginwidth="0"
                        marginheight="0" scrolling-x="no" scrolling-y="auto" allowtransparency="yes" onload="setIframeHeight(this)"></iframe>
                </div>
                
                <!-- 页面主内容结束 -->
            </div>
            <!-- 主体内容结束 -->
        </div>
    </div>
</body>
<script>
    function setIframeHeight(iframe) {
        if (iframe) {
            var iframeWin = iframe.contentWindow || iframe.contentDocument.parentWindow;
            if (iframeWin.document.body) {
                iframe.height = iframeWin.document.documentElement.scrollHeight || iframeWin.document.body.scrollHeight;
            }
        }
    };

    window.onload = function () {
        setIframeHeight(document.getElementById('external-frame'));
    };
    // (function () {
    //     // $('#main-content').load('dashboard.html');



    // })();

    $(".sidebar-list > .parent > a").click(function () {
        $(this).next().slideToggle(300);
        // $(this).siblings().toggle();
        // $(this).find('use').attr('xlink:href') == '#icon-up' ? $(this).find('use').attr('xlink:href', '#icon-down') : $(this).find('use').attr('xlink:href', '#icon-up');
        $(this).parent().siblings().find('a').siblings().hide(300);
        $('.parent').removeClass('active');
        $(this).parent().addClass('active');
        return false;
    });

    $(".sub-menu a").click(function () {
        $('.iframe').attr('src', $(this).attr('href'));
        return false;
    });
</script>

</html>